import config from '@/config.js'

export default {
  name: 'imageShow',
  props: {
    // 图标大小
    iconSize: {
      default: 24,
      type: [Number, String]
    },
    // 该图片是否被选中
    isSelected: {
      default: false,
      type: Boolean
    },
    // 图片服务器地址
    src: {
      default: '',
      type: String
    },
    // 是否显示遮罩层
    isCoverShow: {
      default: true,
      type: Boolean
    },
    // 点击图片遮罩层整体时触发
    onCoverClick: {
      default: null,
      type: Function
    },
    // 点击选择Icon触发，为NULL时不显示
    onSelect: {
      default: null,
      type: Function
    },
    // 点击删除Icon触发，为NULL时不显示
    onDelete: {
      default: null,
      type: Function
    },
    // 点击交换Icon触发，为NULL时不显示
    onExchange: {
      default: null,
      type: Function
    },
    // 眼睛是否显示
    seeEnabled: {
      default: true,
      type: Boolean
    }
  },
  data () {
    return {
    }
  },
  computed: {
    imgSrc () {
      return config.filePath + this.src
    },
  },
  methods: {
    clickHandler () {
      if (typeof this.onCoverClick == 'function') {
        this.onCoverClick(this.src)
      }
    }
  }
}